<template>
  <div style="width: 100%;height: 88vh">
    <applyList @changetype="changetype" v-if=" str ==='备件领用记录'"/>
    <return-list @changetype="changetype" v-if=" str ==='备件归还记录'"/>
    <scrap-list @changetype="changetype" v-if=" str ==='备件报废记录'"/>
  </div>
</template>

<script>
import applyList from "./components/applyList";
import returnList from "./components/returnList";
import scrapList from "./components/scrapList";
export default {
  name: "addScrapApply",
  components:{
    applyList,
    returnList,
    scrapList
  },
  created() {
        this.str = '备件领用记录'
  },
  data() {
    return {
      str:''
    }
  },
  methods: {
    changetype(str){
      this.str = str
    }
  }
}
</script>

<style scoped lang="scss">
.picking{
  height: 100%;
  position: relative;
  .btnList{
    position: absolute;
    bottom: 20px;
    left: 40%;
    .ivu-btn{
      margin: 0 5px;
    }
  }
}
.ivu-card-body {
  padding: 0;
}

.basic-info {
  //padding: 5px 16px;
  border-bottom: 1px solid #e8eaec;

  .basic-info-body {
    margin-bottom: 10px;
  }

  .basic-info-title_bot {
    margin-top: 16px;
  }

  .basic-info-title {
    h2 {
      display: inline-block;
      font-size: 16px;
      padding-left: 10px;
      position: relative;

      &::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 7px;
        height: 24px;
        background: #187bdb;
      }
    }
  }

  .search-form {
    padding: 0;

    .ivu-form-item {
      margin: 0;
    }
  }
}
</style>
